Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: passando sopra (evento onmouseover) un paragrafo (tag HTML <p>), questo e tutti gli altri paragrafi della stessa classe (proprietà className) vengono evidenziati con un bordo di spessore definito da un menu a tendina con id assegnato (si assegna alla proprietà di stile border la stringa “-size- solid green”, dove -size- è la stringa selezionata nel menu, es. “2px” per 2 pixel). Quando si passa sopra un nuovo paragrafo i bordi di tutti quelli della classe selezionata in precedenza ritornano al valore iniziale (si assegna la stringa “initial”).

Select color

Paragraphs

Paragrafo di classe A

Paragrafo di classe B

Paragrafo di classe A

Paragrafo di classe A

Paragrafo di classe B

Paragrafo di classe A

Paragrafo di classe B

Paragrafo di classe C

Paragrafo senza classe